<template>
    <div>
        <mon-carousel :imgs="imgs" @tap="tap"></mon-carousel>
    </div>
</template>

<script>
export default {
    name: "carousel-page",
    data(){
        return {
            imgs: [
                {
                    title: 'a',
                    url: 'abc',
                    img: "https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg"
                },
                {
                    title: 'a',
                    url: 'abc',
                    img: "https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3892521478,1695688217&fm=26&gp=0.jpg"
                },
                {
                    title: 'a',
                    url: 'abc',
                    img: "https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3252521864,872614242&fm=26&gp=0.jpg"
                }
            ]
        }
    },
    methods:{
        tap(item){
            console.log(item)
        }
    }
};
</script>

<style lang="less" scoped>
</style>